<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html ng-app="MyModule">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">


<script src="js/jquery-2.2.1.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/app.js"></script>

</head>
<body>
<div class="container" style="width:60%;margin-top:100px">



<div class="wrapper" ng-controller="SetTheme">
	<form ng-controller="FormControl">	

				<div class="input-group">
			       <span class="input-group-addon">活动名称:</span>
			       <input type="text" class="form-control" placeholder="请输入活动名称，不超过。。。个字" ng-model="userInfo.name">
			    </div>
			    
				<br>
				<div class="input-group">
					<span class="input-group-addon">活动简介/要求:</span>
                   <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="请输入活动有关的描述信息，包含活动简介、详细要求等内容，不超过。。个字"></textarea>
                </div>
				<br>

  <fieldset class="form-group">
  
    <div class="row">
    
    <div class="col-sm-2">
     <span class="input-group-addon"   style="border-radius: 4px";>组队类型:</span>
     </div>
     
      <div class="col-sm-10">
        <div class="form-check form-check-inline">
          <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked>
          <span class="form-check-label" for="gridRadios1">自由组队</span>
        </div>
        
        <div class="form-check form-check-inline">
          <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
          <span class="form-check-label" for="gridRadios2">  随机组队 </span>
        </div>
        
          <div class="form-check form-check-inline">
          <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios3" value="option3">
          <span class="form-check-label" for="gridRadios2">个人组队 </span>
        </div>  
    </div>
    
    </div>
  </fieldset>



			<div class="panel panel-{{theme}}">
			<div class="panel-heading">
				<div class="panel-title">评价标准</div>
			</div>
			<div class="panel-body">
				<div class="line1">
					<div class="row">
						<div class="col-md-1 centerDiv">
							<a class="glyphicon glyphicon-minus minus" ng-click="listPane.removePanel()"></a>
						</div>
						
						<div class="col-md-11">
							<div class="mainContent" ng-repeat="panel in listPane.panels">
								
							

							    <div class="form-group">

								
									    <div class="input-group">
								    	 <span class="input-group-addon">指标{{$index + 1}}名称:</span>
								       	 <input type="text" class="form-control" placeholder="指标名称" ng-model="panel.pName" id="panel{{$index + 1}}" name="panel{{$index + 1}}">
								    	</div>
										<br>
								
								
								
			
									
								    	<div class="input-group">
								      	 <span class="input-group-addon">指标{{$index + 1}}占比:</span>
								       	 <input type="number" class="form-control" ng-model="panel.pType" id="panel{{$index + 1}}" name="panel{{$index + 1}}">
								   		</div>
							</div>

							</div>

							</div>
						</div>
					</div>
				</div>
				<div class="line2">
					<div class="row">
						<div class="col-md-1 centerDiv">
							<a class="glyphicon glyphicon-plus plus" ng-click="listPane.addPanel()"></a>
						</div>
					</div>
				</div>
			</div>
					  <div class="form-group row" >
    <div class="col-sm-10">
      <button type="submit" class="btn btn-primary">创建活动</button>
    </div>
  </div>
			
			</form>
		</div>

		</div>	



		
	


</body>
</html>